18 Useful Simple JavaScript Gallery Projects
Would you like to present your images and photos in an innovative, artistic and original way? jQuery Tiles Gallery is perfect for you!
There are plenty of similar galleries out there but jquery Tiles Gallery is the only one with a real complex grid. Any other gallery is ordinary and looks always the same, jQuery Tiles Gallery is a new way to present your photos.Because jQuery Tiles Gallery is a gorgeus way to immediately present all your pictures, the visitors of your web site can see all the pictures at a glance, like no other gallery or slider can do!
This plugin is able to completely fill an area, that means it needs to crop images, if you don’t want to crop images consider this plugin: Final Tiles Gallery
jQuery Tiles Gallery arranges your images inside a random-generated grid, it’s much more than a simple multiple column layout, it’s a beautiful and fancy way to present your showcases, galleries, photos… and so on.If you know a bit of javascript you can easiliy add any further functionality to the gallery, simply passing your function as callback. “Amazing tiles gallery ! Great job… awesome work ….
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
Evo Slider is an all in one jQuery slider that lets you create any type of slider jQuery plugin and give you the flexibility to use it in a variety of ways – whether you’re building anything from an image gallery, to a PHP banner rotator timer and lots of things in-between. Simple, powerful and easily customized. without coding any JavaScript code at all. gallery, photoset, and group photos from Yahoo's Flickr service.
It is not just a simple popup, Speedo popup is:
Embeded video ( yes, you can include youtube or vimeo players with simple link)
javascript code, for a specific skin.* Fixed BUG: If you have a group gallery and you close it and scrool through the mouse wheel, the popup reappears.0 - a feature that allows the registering and running of slideshow JavaScript code for a specific skin.
A very light-weight Wordpress Plugin that will allow you to display a responsive image gallery wordpress of your Behance projects on any page or post using a simple shortcode.
The Simple Javascript XML Slideshow (SJXS) allows you to easily create truly dynamic slideshows using javascript and an xml file. No need for a ton of html, just let javascript and xml do the work for you. Also, I’ve added a simple to use Slideshow Generator that will allow you to create all the code you need for your slideshow: required files, javascript, xml, html and even the basic css. Loads of documentation, experience with javascript or xml is not needed
Gallery that can show one or a list of before/after items
Gallery can be use in 3 different ways:
– Simple page block
– Simple page block with lightbox button
Ability to use simple images, without the before&after tool
Javascript jQuery plugin
- Can be used even as jQuery image rotator viewer, if you don't provide the alternate image for the projects.
This is a javascript / CSS based image viewer prepared to display product photos, maps or any image within custom small area. Can be configured and implemented in web pages with simple copy / paste steps.Thumbnail Gallery example added.Lightbox Gallery example added.
Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. That is all you need to make the slideshow work! No popup image JavaScript code is needed and no external CSS file.
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Advanced JavaScript API considered.Simple clean & valid markup
Developed with pure object oriented JavaScript
Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. Transition gallery included, a tool that provides the fastest way to select and use them in your slider. Advanced javascript API considered. Simple clean & valid markup
Developed with pure object oriented javascript. Transition gallery
Ultimate Grid Responsive Gallery
Deactivate and Activate Features through Javascript Options
Now it has a more simple sintaxis
The #1 best selling gallery on CodeCanyon
This responsive WordPress gallery plugin aligns your thumbnails into a justified grid using jQuery, like Flickr and jQuery image lightbox search. Make your galleries stand out in an eye-catching and unique new way! Replace the standard WP galleries [gallery] as [justified_image_grid] with lots of new features and options. The settings are available to change on a per gallery basis, extending the global settings and presets. #2 Settings and creating a gallery
Automatically align images to a justified gallery keeping their original aspect ratio
NextGEN Gallery (both versions 1 and 2) integration, full support for nested albums and galleries, tag gallery, tag album, recent images, random images (all photos or from a gallery), individual photos, permalinks, custom links, limit, load more or hidden limit is used instead of pagination.Hidden limit – limit the number of thumbs but cycle all gallery images in the lightbox
224 unique settings and shortcode attributes that you can change for each gallery
These are FooBox which is social and responsive + the Social Gallery that allows Facebook/Disqus comments for the pictures. It’s simple to use, and the multiple appearances made customization a breeze. This is one of best gallery slideshow for wordpress plugins out there.This is the gallery wordpress plugin plugin for wordpress.What a beautiful gallery plugin! Lovely work. I have been looking for a best media gallery for wordpress with these capabilities for an age! Great work Firsh.Perfect and easy! Best (responsive) gallery plugin by far! Great job.I love this gallery plugin….This is the #1 top selling WordPress gallery plugin on CodeCanyon since July 28, 2013!
Link RSS images to their permalink or the image itself (RSS Reader mode or RSS Gallery mode basically)
The ng_random_images now accepts a comma separated list of gallery jQuery slideshow ids to allow random images from multiple galleries. This is useful for sorting by gallery Title A-Z when displaying multiple albums together (next changelog entry) or in the Overview album (all galleries) mode. The ID can be used to sort gallery/subalbum creation order. Added: Using Recent Posts feature, when Click on a thumbnail link to an image (lightbox image gallery of posts), a permalink can be placed in the lightbox as a way to go to the parent post (similar to Flickr, Instagram, RSS backlinks in the lightbox)
Added: Custom text to add before & after each gallery (can be disabled on individual instances)
prettyPhoto deeplinking (advanced, as mentioned abovee), ability to revert to the simple mode or turn it off
This also means images are visible without Javascript, show up as selectable options when sharing the page with Facebook.Added: Nextgen random images (display some random images of a gallery or regardless of gallery – the limit is applied after randomization)
Added: Option to display NextGEN gallery/album descriptions between the breadcrumb and the grid
Improved: Flickr feature: If some photos are not shown because they are too small, this is noted after the gallery with instructions to resolve the issue.Bugfix: PHP Fatal error when NextGEN is uninstalled and still trying to show NextGEN content, is now replaced with a friendly error message (NextGEN gallery is not installed/inactive!).Bugfix: The class gallery-caption is no longer added to the parent container of JIG when Carousel and Load More features are used together (preventing Carousel when clicking outside a thumbnail is now solved in an other way)
In addition there is a (built-in, toggleable, simple) solution to enable regular WP tags and categories taxonomy for images in the library. All in all this means you can tag WP images, just like NextGEN, and display a gallery based on the tag.Bugfix: The Social Gallery’s latest version is recognized in the shortcode editor properly
Added: Take over gallery shortcode – choose between hiding the original WordPress gallery shortcode, replacing it automatically or leaving it alone
Bugfix: SocialGallery bugs – update to at least Social Gallery version 2.Improved: The setting overlay_gallery_max changed from 30 to 300 in prettyPhoto to make sure the overlay gallery shows up when required
Bugfix: NextGEN breadcrumb was missing gallery name in v1.Bugfix: A chrome bug when using special effects and a horizontally centered gallery would clip 1px randomly from top and left.Added: NextGEN tags: Tag Gallery and Tag Album mode (tag galleries are also openable in a lightbox, breadcrumbs are also implemented for tags)
Added: NextGEN gallery thumbnails now show the number photos (can be turned off with a new setting)
Added: NextGEN gallery thumbnails can now open the photos in a lightbox instead of creating a new page for them (can be toggled with a new setting)
Social Gallery doesn’t support HTML (links to the file to download)
Improved: NextGEN album and gallery dropdown selectors now include the ID id the shortcode editor
Improved: PhotoSwipe compatibility – added JIG gallery refresh to the close event and tap x event, so you’ll no longer get ‘Element is too thin’ error when coming back from PhotoSwipe
Bugfix: When not using permalinks with NextGEN, galleries will link to the gallery’s own page properly, like original NextGEN – previously only albums did this correctly
call-user-func]: First argument is expected to be a valid callback’ is no longer showing up when keeping the ‘hidden’ WP gallery present under JIG gallery on older versions of WordPress.Updated: More documentation has been included for using the plugin with nextgen gallery shortcode options
Bugfix: Shortcode editor no longer generates ng_pics undefined when NextGEN gallery is not installed.Added: Recent posts can link to the images (lightbox) instead of posts – create a wordpress flickr gallery recent posts, not a slider
Added: Ability to automatically exclude featured image from the gallery (use the word feature in the exclude field)
Improved: Social Gallery V2 compatibility
Bugfix: Fixed a browser crash due to scrollbar appearing and disappearing due to constantly varying gallery height (very rare case but serious)
Bugfix: Sometimes gallery would be invisible when only one row is present and can’t fill the row.Added: Premium lightboxes – FooBox and Social Gallery (purchased separately), dedicated mutual compatibility
Image gallery options
hide_grid_cell_overflow: Advanced: Useful when there’s a mosaic grid gallery jQuery of images with column spacing and images are higher than column content height (practically it means vertical margins seem to be half the size).Image Gallery Options
Simple list of images can be transformed in a few different ways.
If you are used to wordpress gallery theme to create websites you know that images can be displayed in many ways, from simple usages to complex galleries, to even mostly wordless PhotoBlogs.Easier Gallery Management
There is a lot of flickr gallery plugins wordpress available for WordPress, some are really good, but we feel that they often lack an easy interface to create and manage multiple galleries.Using Complete Gallery Manager will make it fun and fast to manage and create galleries for your website.Select the Add Gallery menu and enter a name for your gallery and click Publish. Immediately preview your gallery and start tweaking the many different settings. The Isotype Gallery has 188 different settings you can tweak and the Touch Slider has 146 different settings.Gallery Settings
With Complete Gallery Manager version 3.1 we have introduced a new “Gallery Type”. You can now choose between Isotype Gallery and Touch Slider.With Complete Gallery Manager version 3.You can save templates for both the Isotype Gallery and the Touch Slider.General Settings (Isotype Gallery)
We have added a new feature under General Settings in Complete Gallery Manager 3.0, which lets you easily hide the menu when using the Isotype gallery.Layout Settings (Isotype Gallery)
Choose between 8 different layout modes; Masonry, Fit Rows, Cell by Row, Straight Down, Masonry Horizontal, Fit Columns Layout, Cells by Columns, Straight Across when you select the Isotype Gallery.Gallery Preview (Isotype Gallery)
You have live preview of the gallery while you create it.Gallery Preview (Touch Slider)
Sort Settings (Isotype Gallery)
Filter Settings (Isotype Gallery)
0 of Complete Gallery Manager and added a new feature called “Combination Filters”.If you enable prettyPhoto (lightbox) for your gallery you can also enable popular social media sharing icons like Facebook, Tweet and Pinterest. This feature is available in both Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.This feature is available in both the Isotype Gallery and in the Touch Slider.With Complete Gallery Manager version 3.We have added 1 new caption styles in Complete Gallery Manager version 3. You now have 22 different styles of captions to choose from when select the Isotype Gallery.Universal Scroll Settings (Isotype Gallery)
You can set how many images you want to load in your Isotype Gallery when it initially loads.0 of Complete Gallery Manager. This feature is available in both the Isotype Gallery and in the Touch Slider.Item Style Settings (Isotype Gallery)
Background Settings (Isotype Gallery)
Change the colors and border of your gallery easily in the Background Settings and make it match the style of your website.Menu Style Settings (Isotype Gallery)
Isotype Gallery with Default Settings
Isotype Gallery with Universal Scroll and PrettyPhoto Image Effect
Isotype Gallery with Flip Captions and PrettyPhoto Image Effect
Isotype Gallery with Push from Top Captions and Click to Next Size Image Effects
Isotype Gallery with Border and Image Radius Effect
Insert Galleries easily with Shortcodes or by using the Add Gallery Icon
Duplicate Galleries in List Gallery view
100% responsive layout in Isotype Gallery (Masonry, Fit Rows, Cells by Row, Straight Down, Masonry Horizontal, Fit Columns, Cells by Column and Straight Across)
Live Preview of Gallery while you create them
Support for Overlay Icons by action in both Isotype Gallery and Touch Slider
Support for Fullscreen (full browser) Isotype Gallery and Touch Slider
Support for Captions in Isotype Gallery (22 different styles)
Support for Social Media buttons (Facebook like, Tweet, Google+ and Pintetest) in both Isotype Gallery and Touch Slider
Support for PrettyPhoto (Lightbox) in both Isotype Gallery and Touch Slider
Support for Combination Filters (multiple categories) in Isotype Gallery
Support for Menu styling, alignment and location in Isotype Gallery
Bug Fixed: Javascript error on load on certain configurations.Bug Fixed: Gallery doesn’t show when you insert it on a jQuery page slider https
Bug Fixed: Apply fix to reset users if they have problems inserting images in gallery (Options Panel)
New Feature: Isotype Gallery and Touch slider gallery jQuery to Full Screen.New Feature: Fullscreen (Full Browser) option added for Isotype Gallery and Touch Slider
Bug Fixed: Customers installing Complete Gallery Manager without having a version prior to 3.New Feature: Insert Gallery into other Galleries. When clicking on a cover picture the gallery will open in a new tab
New Feature: It is now possible to “View Gallery” immediately after publishing a gallery.New Feature: Create and Save templates in Complete Gallery Manager.New Feature: Overlay Icons added for each action (prettyPhoto, Link, Pages, Posts, Video, Gallery)
Bug Fixed: Gallery no longer crashes if the gallery is open in the wp-admin and at the same time viewed on the public website (auto save created this problem). The Gallery will now load, but please notice that IE8 has limited support for menu HTML5 CSS3
Bug Fixed: Problem with Pinterest not “pinning” the individual picture, but the entire gallery.Bug Fixed: Gallery Settings not loading when the server is Windows based
This has significantly improved the speed of the gallery.
SHIFT Gallery is the ultimate showcase for your work/portfolio/pictures. You don’t have to worry if you need to showcase some videos/swfs/text beside images because this gallery supports them all. and a simple div in the position you want:
Structural parameters of the gallery can be set easily
9 transitions effects that can be very simple modified
content is still viewable without JavaScript enabled.
iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library.Compatible with the regular wordpress gallery shortcode.Advanced JavaScript API considered.Simple clean & valid markup
Developed with pure object oriented JavaScript
“Great work on this plugin! It’s quite fantastic! It’s definitely the best gallery slideshow wordpress plugin I’ve used for Wordpress. I’ve bought 6 gallery plugins and this is the first one that manages loading images smoothly on slow connections. * Optimized: Creating new gallery. * Optimized: Native gallery shortcode. * Added: Native support for Gallery Shortcode. * Added: Enable on wordpress gallery shortcode option. * Fixed: Gallery in feed page.
shop is a simple JavaScript shopping cart code built on the jQuery
Build an entire store with simple, straightforward HTML markup
page where you load the necessary scripts, so you can have a gallery